﻿*
{
	margin: 0;
	padding: 0;
}

html, body
{
	font-family: Arial,Arial Black, Microsoft Sans Serif,宋体,微软雅黑;
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-size: 12px;
	color: #000000;
	height: 100%; /*overflow:hidden;*/ /*暂不使用,因为页面过长会无滚动条*/
}

div, form, p, img, ul, ol, li, h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
	border: 0;
}

iframe
{
	border-style: hidden;
	border-width: 0;
	margin: 0;
	padding: 0;
}

ul, ol, li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

table
{
	/*white-space:nowrap;	 	margin:0; 	padding:0; 	border: 1px solid #4682b4;*/
}

.table_body
{
	font-size: 12px;
	background-color: #cfdbec;
	padding-left: 5px;
	width: 25%;
	font-family: Arial;
	border: 1px solid #ccddff;
}

.table_none
{
	font-size: 12px;
	background-color: #edf1f8;
	padding-left: 5px;
	padding-right: 5px;
	width: 75%;
	font-family: Arial,Verdana,Helvetica, sans-serif;
	border: 1px solid #ccddff;
}

/*------------------------------*/
.table_body_NoWidth
{
	width: 20%;
}
.table_none_NoWidth
{
	width: 30%;
}
/*-----------------------------*/

td, tr, th
{
	font-size: 12px;
	white-space: nowrap;
}

td
{
	/*height:22px;  	padding-left:2px;  	padding-right:2px; 	padding-top:1px; 	padding-bottom:1px; 	overflow:hidden;  	white-space:nowrap;*/ /*暂不用此段,因为影响Tab控件*/
}

th
{
	height: 20px; /*background:#cccccc;*/ /*This is no use and make the th backgroup grey*/
	font-weight: normal;
}

h1
{
	margin: 0;
	padding: 0;
	font-family: Arial,Verdana,Helvetica, sans-serif;
	font-weight: bold;
	font-size: 30px;
}

h2
{
	margin: 0;
	padding: 0;
	font-family: Arial,Verdana,Helvetica, sans-serif;
	font-weight: bold;
	font-size: 28px;
}

.borderStyle
{
	border: solid 1px #4682b4;
}

.cellborderStyle
{
	border: #ccddff 1px solid;
	background-color: #cfdbec;
}

.overStyle
{
	overflow: auto;
	scrollbar-face-color: #ededed;
	scrollbar-highlight-color: #fafafa;
	scrollbar-shadow-color: #666666;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #777777;
	scrollbar-track-color: #fcfcfc;
	scrollbar-darkshadow-color: #ffffff;
}

.treeBackStyle
{
	background-color: #edf1f8;
}

.LabelStyle
{
	margin: 0;
	padding: 0;
	font-family: Arial,Verdana,Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
}

i
{
	font-size: 12px;
	color: red;
	font-style: normal;
	margin: 0 5px;
}

img
{
	margin: 0;
	padding: 0;
}

sup
{
	color: Red;
}

.OperateStyle
{
	border: 1px solid #218afb;
	background-color: #cfdbec;
	margin: 2px;
	padding: 2px;
}

.button_bak
{
	border: medium none;
	background-image: url(Images/Button_On.GIF);
	width: 60px;
	cursor: pointer;
	height: 20px;
	font-size: 12px;
	font-family: Arial,tahoma;
}

.textcommon
{
	border: 1px solid rgb(126, 157, 185);
	padding: 2px;
	background: rgb(255, 255, 255);
}

.textStyle
{
	border: 1px solid #0066FF;
	font-size: 9pt;
}

#TreeDiv
{
	background-color: #edf1f8;
}

.pagedivStyle
{
	padding: 10px;
	background-color: #d2e7fc;
	background-image: url(Images/MainBg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #057cfb;
	display: table;
}

.TitleDivStyle
{
	/* background-color: #e7f5ff;  font-weight: bold;  padding-left: 5px;  font-size:20px; border-color:Blue;  padding-bottom:2px;  color:#0066CC; */ /*background:url(../Images/yhpi_main_bg.jpg) no-repeat;*/
	font-size: 20px;
	font-weight: bold;
	color: #0066CC;
	border-bottom: dashed 1px #0066CC;
	margin-bottom: 2px; /* BORDER-RIGHT: #000000 2px solid;  BORDER-TOP: #d0ecff 2px solid;  BORDER-LEFT: #d0ecff 2px solid;  COLOR: #ffffff;  BORDER-BOTTOM: #000000 2px solid;  BACKGROUND-COLOR: #0099ff */
}

/*====================link Style==========================*/
a:link
{
	color: #0000ff;
	text-decoration: none;
}

a:visited
{
	color: #0000ff;
	text-decoration: none;
}

a:hover
{
	color: #ff0000;
	text-decoration: none;
}

/*====================Wizard Style==========================*/
.WizardStyle
{
	background-color: #eff3fb;
	border-width: 1px;
	border-color: #b5c7de;
	border-style: solid;
	font-family: Arial;
	font-size: 10px;
}

.WizardCancelButtonStyle
{
}

.WizardFinishCompleteButtonStyle
{
}

.WizardFinishPreviousButtonStyle
{
}

.WizardHeaderStyle
{
	background-color: #284e98;
	border-color: #eff3fb;
	border-style: solid;
	border-width: thin;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

.WizardNavigationButtonStyle
{
	background-color: red;
	border-color: #507CD1;
	border-style: solid;
	border-width: 1px;
	font-family: Arial;
	font-size: 12px;
	color: #284E98;
}

.WizardNavigationStyle
{
}

.WizardSideBarButtonStyle
{
	background-color: #507cd1;
	font-family: Arial;
	color: #ffffff;
}

.WizardSideBarStyle
{
	background-color: #507cd1;
	vertical-align: top;
}

.WizardStartNextButtonStyle
{
}

.WizardStepNextButtonStyle
{
}

.WizardStepPreviousButtonStyle
{
	border: medium none;
	background-image: url(Images/Button_On.GIF);
	width: 60px;
	cursor: pointer;
	height: 20px;
	font-size: 12px;
	font-family: Arial,tahoma;
}

.WizardStepStyle
{
	color: #333333;
}

/*====================TreeView Style==========================*/
.TreeViewStyle
{
	background-color: #edf1f8;
}

.TreeViewStyle a:link
{
	color: #006db7;
	text-decoration: none;
}

.TreeViewStyle a:visited
{
	color: #006db7;
	text-decoration: none;
}

.TreeViewStyle a:hover
{
	color: #ff0000;
}

.TreeViewParentNodeStyle
{
	color: #000000;
}

.TreeViewRootNodeStyle
{
	color: #000000;
}

.TreeViewNodeStyle
{
	color: #000000;
}

.TreeViewHoverNodeStyle
{
	color: #000000;
}

.TreeViewSelectedNodeStyle
{
	color: #000000;
}

.TreeViewLeafNodeStyle
{
	color: #000000;
}
/*====================copyright Style==========================*/
.copyright
{
	padding: 5px;
	font-size: 10px;
	color: #9f9d9f;
	text-align: center;
}

.UserDesc
{
	color: #FFF;
	font-size: 12px;
}

/*====================mainView Style==========================*/
.mainView
{
	border: 1px solid #ccddff;
}

.mainView tr td
{
	/*#d7e3f6 */
	border: solid 1px #b5c1d4;
}

.mainView tr td table tr td
{
	border: none;
}

.mainView td
{
	border: 1px solid #ccddff;
	border-collapse: collapse;
	height: 22px;
	padding-left: 2px;
	padding-right: 2px;
	overflow: hidden;
	white-space: nowrap;
}

.mainView tr
{
	event: expression(onmouseover = function(){this.style.backgroundColor='#d8e7b0'},onmouseout = function(){this.style.backgroundColor=''});
}

.mainView tr:hover
{
	background-color: #d8e7b0;
}

.mainView th
{
	height: 20px;
	background: #cccccc;
	font-weight: normal;
}

.mainMenu div
{
	padding-top: 8px;
	background: #ccddff;
	text-align: center;
	vertical-align: bottom;
	text-decoration: none;
	sun: expression(onmouseover=function(){style.background='#ddffcc'},onmouseout=function(){style.background="#ccddff"});
}

.mainLink tr
{
	vertical-align: middle;
	text-decoration: none;
	sun: expression(onmouseover=function(){style.background='#ddffcc'},onmouseout=function(){style.background="#ffffff"});
}

.mainMenu a
{
	text-decoration: none;
}

/*====================GridViewStyle Style==========================*/
.GridViewStyle
{
	border: 1px solid #b5c7de;
	padding: 4px;
}

.GridViewStyle tr td
{
	/*#d7e3f6 */
	border: solid 1px #b5c1d4;
}

.GridViewStyle tr td table tr td
{
	border: none;
}

.GridViewRowStyle:hover
{
	background-color: #d8e7b0;
}

.GridViewAlternatingRowStyle:hover
{
	background-color: #d8e7b0;
}

.GridViewAlternatingRowStyle
{
	background-color: #edf1f8;
}

.GridViewPagerStyle
{
	text-align: center;
}

.GridViewPagerStyle td table
{
	margin: auto;
}

.GridViewPagerStyle span
{
	color: #ff0000;
	margin-right: 3px;
}

.GridViewHeaderStyle th a
{
	color: #ffffff;
}

.GridViewHeaderStyle th
{
	background-color: #6699ff;
	color: #ffffff;
	border: solid 1px White;
}

.GridViewStyleOutside
{
	border: solid 1px #4682b4;
}

.GridViewHeaderStyleOutside th
{
	background-color: #7daee2;
}

.GridViewFooterStyle td
{
	background-color: White;
	border: 1px solid #ebe9ed;
	color: #6699ff;
}

.GridViewRowStyle
{
	background-color: #f7f6f3;
	color: #333333;
	height: 22px;
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
	border: solid 0px #ebe9ed;
	height: 22px;
}

.GridViewSelectedRowStyle
{
	background-color: #e2ded6;
	font-weight: bold;
	color: #333333;
}

.GridViewEditRowStyle
{
	background-color: #b8cfe8;
}

.GridViewRowStyle
{
	event: expression(onmouseover = function(){this.style.backgroundColor='#d8e7b0'},onmouseout = function(){this.style.backgroundColor=''});
}

.GridViewAlternatingRowStyle
{
	event: expression(onmouseover = function(){this.style.backgroundColor='#d8e7b0'},onmouseout = function(){this.style.backgroundColor=''});
}

.GridViewRowStyle tr
{
	event: expression(onmouseover = function(){this.style.backgroundColor='#d8e7b0'},onmouseout = function(){this.style.backgroundColor=''});
}

.GridViewAlternatingRowStyle tr
{
	event: expression(onmouseover = function(){this.style.backgroundColor='#d8e7b0'},onmouseout = function(){this.style.backgroundColor=''});
}

.GridViewHeaderStyle a:link
{
	color: #ffffff;
	text-decoration: none;
}

.GridViewHeaderStyle a:visited
{
	color: #ffffff;
	text-decoration: none;
}

.ucsRowStyle
{
	event: expression(onmouseover = function(){this.style.backgroundColor='#d8e7b0'},onmouseout = function(){this.style.backgroundColor=''});
}


/*====================inside GridViewStyle Style==========================*/
.inGridViewStyle
{
	border: 1px solid #b5c7de;
	padding: 4px;
}

.inGridViewStyle tr td
{
	border: solid 1px #b5c1d4;
}

.inGridViewAlternatingRowStyle
{
	background-color: #d1eeee;
}

.inGridViewPagerStyle
{
	background-color: #666699;
	color: #ffffff;
	text-align: center;
}

.inGridViewPagerStyle a
{
	color: #6699ff;
}

.inGridViewPagerStyle table
{
	margin: 0 auto 0 auto;
}

.inGridViewHeaderStyle th a
{
	color: #ffffff;
}

.inGridViewHeaderStyle a:link
{
	color: #ffffff;
	text-decoration: none;
}

.inGridViewHeaderStyle a:visited
{
	color: #ffffff;
	text-decoration: none;
}

.inGridViewHeaderStyle th
{
	background-color: #6699ff;
	color: #ffffff;
}

.inGridViewFooterStyle td
{
	background-color: #ffffff;
	border: 1px solid #ebe9ed;
	color: #6699ff;
}

.inGridViewRowStyle
{
	background-color: #f7f6f3;
	color: #333333;
}

.inGridViewRowStyle td, .inGridViewAlternatingRowStyle td
{
	border: 1px solid #ebe9ed;
}

.inGridViewSelectedRowStyle
{
	background-color: #e2ded6;
	font-weight: bold;
	color: #333333;
}

.inGridViewEditRowStyle
{
	background-color: #b8cfe8;
}

/*====================GridView Column Style==========================*/
.GridViewColAqua
{
	color: Aqua;
}

.GridViewColBlack
{
	color: Black;
}

.GridViewColBlue
{
	color: Blue;
}

.GridViewColFuchsia
{
	color: Fuchsia;
}

.GridViewColGray
{
	color: Gray;
}

.GridViewColGreen
{
	color: Green;
}

.GridViewColLime
{
	color: Lime;
}

.GridViewColMaroon
{
	color: Maroon;
}

.GridViewColNavy
{
	color: Navy;
}

.GridViewColOlive
{
	color: Olive;
}

.GridViewColOrange
{
	color: Orange;
}

.GridViewColPurple
{
	color: Purple;
}

.GridViewColRed
{
	color: Red;
}

.GridViewColSilver
{
	color: Silver;
}

.GridViewColTeal
{
	color: Teal;
}

.GridViewColWhite
{
	color: White;
}

.GridViewColYellow
{
	color: Yellow;
}

/* ========Common==========*/
.fleft
{
	float: left;
}
.fright
{
	float: right;
}
.clear
{
	clear: both;
}
.hide
{
	display: none;
}
.LH19
{
	line-height: 19px;
}
.LH
{
	line-height: 25px;
}
.Note
{
	color: #999999;
}
.key
{
	color: #1060CB;
}

/*==================主要框架樣式========================*/
.MainTb
{
	background-color: #d2e7fc;
	background-image: url(Images/MainBg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #057cfb;
}
/*系統主要標題(一級)*/
.MainTitle
{
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
}
/*系統主要內容*/
.MainContent
{
	padding-right: 12px;
	padding-left: 12px;
}

/*===============工具欄表格============================*/
.ToolBarTb
{
	border: 1px solid #218afb;
	background-color: #FFFFFF;
	margin-top: 2px;
	margin-bottom: 2px;
}
/*工具欄單元格*/
/*.ToolBarTd{background-color:#ECF9E7;background-image: url(ToolBarGb.gif);background-repeat: repeat-x;background-position: top;padding-top: 2px;padding-right: 5px;padding-bottom: 2px;padding-left: 5px;*/
.ToolBarTd
{
	background-color: #b2ceec;
	background-image: url(Images/ToolBarGb.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
/*工具欄標題*/
.ToolBarTitle
{
	color: #0261c8;
}
/*工具欄分割線*/
.ToolBarLine
{
	background-image: url(Images/ToolBarLine.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 5px;
	width: 100%;
}

/*===============Form 或 GridView   外框============================*/
.FormContentTb
{
	margin-top: 14px;
	margin-bottom: 4px;
}
/*標題列 圖標*/
.img_li
{
	margin-top: 1px;
	margin-right: 2px;
	margin-bottom: 1px;
	margin-left: 0px;
	float: left;
}
/*標題列 樣式*/
.li
{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #5E834C;
	line-height: 17px;
	color: #3A4F2E;
}
.liRight
{
	float: right;
	width: 300px;
}


/*系統小標題(二級)*/
.title
{
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color: #2073D9;
	padding-left: 10px;
}
/*系統別表小標題(三級)*/
.title2
{
	font-size: 13px;
	line-height: 20px;
	height: 20px;
	color: #1060CB;
}
/*關鍵字樣式*/
.key
{
	color: #2D4024;
	font-weight: bold;
}
/*行高 5px*/
.Line_Height5
{
	line-height: 5px;
}
.LH15
{
	line-height: 5px;
}


/*====================以下是GridView的樣式屬性==========================*/
.Header
{
	/*GridView header的樣式屬性*/
	color: #ffffff;
	background: #7daee2;
}
.Header a:link
{
	color: #ffffff;
	text-decoration: none;
}
.Header a:visited
{
	color: #ffffff;
	text-decoration: none;
}
.Alternat
{
	/*交叉行的背景*/
	background: #FCFDFE;
}
.Item
{
	/*正常行的背景*/
	background: #e4eef9;
}
.Footer
{
	/*DataGrid 底部的背景*/
	background: #417767;
}
.Pager
{
	background: #ffffff;
}
/*表格邊框樣式*/
.DG_border
{
	border: 1px solid #6588BA;
}
.Selected
{
	background: #d7f0c1;
}
.Edit
{
	background: #b8cfe8;
}


.SysOpeStyle
{
	border-left: solid 1px #b5c1d4;
}

.SysOpeStyle tr td
{
	/*#d7e3f6 */
	border-bottom: solid 1px #b5c1d4;
	border-right: solid 1px #b5c1d4;
}

.SysOpeItemStyle
{
	margin: 0px;
	padding: 0px;
}

.SysOpeGridViewAlternatingRowStyle
{
	border-style: hidden;
	background-color: #edf1f8;
	event: expression(onmouseover = function(){this.style.backgroundColor='#d8e7b0'},onmouseout = function(){this.style.backgroundColor=''});
}

.SysOpeGridViewRowStyle
{
	background-color: #f7f6f3;
	event: expression(onmouseover = function(){this.style.backgroundColor='#d8e7b0'},onmouseout = function(){this.style.backgroundColor=''});
}

.SysOpeGridViewAlternatingRowStyle:hover
{
	background-color: #d8e7b0;
}

.SysOpeGridViewRowStyle:hover
{
	background-color: #d8e7b0;
}

.UserEditGridViewStyle th
{
	border-style: hidden;
}

.UserEditorLinkItemStyle
{
	border-bottom: solid 1px #b5c1d4;
	border-left: solid 1px #b5c1d4;
	border-right: solid 1px #b5c1d4;
}

.UserEditorItemStyle
{
	margin: 0px;
	padding: 0px;
	border-bottom: solid 1px #b5c1d4;
}

.UserEditorItemStyle table tr td
{
	border-left: solid 1px #b5c1d4;
}

.UserEditorRowStyle
{
	background-color: #f7f6f3;
	event: expression(onmouseover = function(){this.style.backgroundColor='#d8e7b0'},onmouseout = function(){this.style.backgroundColor=''});
}

.UserEditorAlternatingRowStyle
{
	background-color: #edf1f8;
	event: expression(onmouseover = function(){this.style.backgroundColor='#d8e7b0'},onmouseout = function(){this.style.backgroundColor=''});
}

.UserEditorRowStyle:hover
{
	background-color: #d8e7b0;
}

.UserEditorAlternatingRowStyle:hover
{
	background-color: #d8e7b0;
}

.UserEditorInGridViewRowStyle
{
	background-color: White;
}





A.orgAdd:link
{
	padding-left: 12px;
	background: url(Images/org_select.png) no-repeat 0px 0px;
	color: #207bd6;
}
A.orgAdd:visited
{
	padding-left: 12px;
	background: url(Images/org_select.png) no-repeat 0px 0px;
	color: #207bd6;
}
A.orgAdd:hover
{
	color: #207bd6;
	text-decoration: underline;
}
A.orgAdd:active
{
	color: #207bd6;
	text-decoration: underline;
}



A.orgClear:link
{
	padding-left: 12px;
	background: url(Images/org_select.png) no-repeat 0px -60px;
	color: #9aa9b8;
	margin-left: 5px;
}
A.orgClear:visited
{
	padding-left: 12px;
	background: url(Images/org_select.png) no-repeat 0px -60px;
	color: #9aa9b8;
	margin-left: 5px;
}
A.orgClear:hover
{
	background-position: 0px -40px;
	color: #207bd6;
	text-decoration: underline;
}
A.orgClear:active
{
	background-position: 0px -40px;
	color: #207bd6;
	text-decoration: underline;
}



.Hidden
{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 100px;
}


